<!-- 小组页面 -->
<template>
  <div class="group-container">
    <el-col :span="18" :offset="3" class="tag">
      
     <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="我的小组" name="first"><my-group></my-group></el-tab-pane>
    <el-tab-pane label="所有小组" name="second"><all-group></all-group></el-tab-pane>
        <el-tab-pane label="创建小组" name="third"><create-group></create-group></el-tab-pane>
  </el-tabs>
    </el-col>

  </div>
 
</template>

<script>
import MyGroup from '../group/myGroup.vue'
import AllGroup from '../group/allGroup.vue'

import CreateGroup from '../group/createGroup.vue'
export default {
  data () {
    return {
       activeName: 'first'
    };
  },
  components:{
    MyGroup,
    AllGroup,
    CreateGroup
  },

  methods: {
    handleClick(tab, event) {
        
      }
  }
}

</script>
<style lang='scss' scoped>
.group-container{
  .tag{
    margin-top:50px;
  }
}
</style>